
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>全局分析</title>

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="css/table1.css" rel="stylesheet" type="text/css">


</head>
<body style="background-color: #ecf0f5;font-family: 微软雅黑;color: #475059;min-width: 1000px;overflow: auto">
<div class="from_main" >
    <div class="news_check">
        <div class="check_left l_left">
            <label>所属机构：</label>
            <select class="find_input">

                <option>全部</option>
                <option>市中心</option>

        </select>
            <label>年分：</label>
            <input type="date" class="find_input"/>


        <button>查询</button>
        </div>
        <div class="check_right r_right">
            <a class="btn btn-default"><span class=" glyphicon glyphicon-circle-arrow-down l_left"></span>打印</a>
            <a class="btn btn-default"><span class=" glyphicon glyphicon-download-alt l_left"></span>导出</a>
        </div>
        <div class="clear"></div>
    </div>

    <div style="padding: 0 10px 0 10px ;border: 1px #ccc solid;background-color: #fff;">


        <div class="e_chart">
            <div class="charts l_left last_charts" style="width: 100%">
                <p class="charts_p">问题处理分析<span class="r_right">更多></span></p>
                <div id="container7" style="height:250px;"></div>
                <div style="width: 100%;margin-top: 0px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">问题处理情况</td>


                            <td class="">件数</td>

                        </tr>
                        <tr>
                            <td class="first_td">未派遣</td>


                            <td class="">12</td>

                        </tr>
                        <tr>
                            <td class="first_td">已派遣</td>


                            <td class="">2310</td>


                        </tr>
                        <tr>
                            <td class="first_td">未处理</td>


                            <td class="">30</td>

                        </tr>
                        <tr>
                            <td class="first_td">已处理</td>


                            <td class="">1230</td>

                        </tr>
                        <tr>
                            <td class="first_td">未关闭</td>


                            <td class="">1230</td>

                        </tr>
                        <tr>
                            <td class="first_td">已关闭</td>


                            <td class="">10</td>

                        </tr>



                    </table>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>

</div>




</body>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/echarts-all.js"></script>

<script>
    $(function(){
        var myChart = echarts.init($("#container7")[0]);
        option = {
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            legend: {
                data:['未派遣', '已派遣','未处理','已处理','未关闭','已关闭']
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    dataView : {show: true, readOnly: false},
                    magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            },
            calculable : true,
            xAxis : [
                {
                    type : 'value'
                }
            ],
            yAxis : [
                {
                    type : 'category',
                    data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                }
            ],
            series : [
                {
                    name:'未派遣',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[32, 2, 30, 33, 9, 0, 20,2,9,12,26,23]
                },
                {
                    name:'已派遣',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[352, 255, 350, 353, 189,200, 280,286,239,192,206,230]
                },
                {
                    name:'未处理',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[32, 2, 30, 33, 9, 0, 20,2,9,12,26,23]
                },
                {
                    name:'已处理',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[352, 255, 350, 353, 189,200, 280,286,239,192,206,230]
                },
                {
                    name:'未关闭',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[2, 2, 0, 13, 19, 0, 10,2,9,12,6,23]
                },
                {
                    name:'已关闭',
                    type:'bar',
                    stack: '总量',
                    itemStyle : { normal: {label : {show: true, position: 'insideRight'}}},
                    data:[302, 362, 300, 303, 90, 100, 200,203,169,182,206,230]
                },


            ]
        };
        myChart.setOption(option);
    });
</script>
</html>
